.top-container{
    position: relative;
    height: 35px;
    width: 100%;
    min-width: 990px;
    line-height: 35px;
    border-bottom: 1px solid #eee;
    background: #f5f5f5;
    .top-wraper{
        width: 1190px;
        margin: 0 auto;
        color:#666;
        @at-root .top-left{
            display: flex;
            li{
                position: relative;
                height: 35px;
                @at-root .ng-bar-node{
                    padding: 0 10px;
                    height: 35px;
                    display: inline-block;
                    overflow: hidden;
                    cursor: pointer;
                    position: relative;
                    z-index: 999;
                    &:hover b{
                        color:#f60
                    }
                    &:hover{
                        border: 1px solid #ddd;
                        border-bottom: none;
                        background: #fff;
                        padding:0 9px;
                        line-height: 33px;
                    }
                    i{
                        position: relative;
                        bottom: -1px;
                        font-size: 12px;
                        &::before{
                            display: inline-block;
                            transform: all 0.8s;
                        }
                    }                    
                }
                @at-root .top-menu-first{
                    position: absolute;
                    background-color: #fff;
                    left:0;
                    top:35px;
                    display: none;
                    z-index: 9000;
                    border: 1px solid #ddd;
                    .site-list{
                        float: left;
                        width: 176px;
                        border-right: 1px solid #eee;
                        padding-left: 20px;
                        &:nth-last-child(2){
                            border-right: none;
                        }
                        dt{
                            height: 25px;
                            width: 100%;
                            font-size: 14px;
                            font-family: "Microsoft Yahei";
                            line-height: 17px;
                            color: #333
                        }
                        p{
                            float: left;
                            height: 25px;
                            width: 78px;
                            line-height: 25px;
                            cursor: pointer;
                            &:hover{
                                color: #f60;
                            };
                        }
                    }
                }
                @at-root .wangzhan{
                    width: 988px;
                    padding: 20px 0;
                    span{
                        width: 35px;
                        height: 35px;
                        text-align: center;
                        line-height: 35px;
                        position: absolute;
                        right: 1px;
                        top: 1px;
                        display: inline-block;
                        transition: transform .2s;
                        cursor: pointer;
                        &:hover{
                            transform: rotate(-180deg);
                            color: #f60;
                        }
                    }
                }
                @at-root .shangjia{
                    width: 162px;
                    padding-top: 5px;
                    p{
                        height: 28px;
                        line-height: 28px;
                        padding-left: 10px;
                        width: 71px;
                        float: left;
                        cursor: pointer;
                        &:hover{
                            color: #f60;
                        }
                    }
                }
                .kehu{
                    width: 162px;
                    left:-80.5px;
                    padding-bottom: 5px;
                    padding-top: 5px;
                    p{  
                        width: 71px;
                        height: 28px;
                        line-height: 28px;
                        padding-left: 10px;
                        float: left;
                        cursor: pointer;
                        &:hover{
                            color: #f60;
                        }
                    }
                }
            }
            .address-bigbox{
                // width: 77px;
                // position: relative;
                .address-box{
                    display: inline-block;
                    width: 66px;
                    height: 24px;
                    padding: 6px 5px 6px 6px;
                    color: #000;
                    position: relative;
                    z-index: 100;
                    line-height: 24px;
                    &:hover{
                        border: none;
                        border-bottom:none;
                        background: #f5f5f5;
                        padding:6px 5px 6px 6px;
                        line-height: 24px;
                    }
                    .icon1{
                        font-size: 15px;
                        color:#f60;
                        width: 12px;
                        height: 15px;
                        margin: 4px 6px 0 6px;
                        &::before{
                            transform: none;
                        }
                    }
                    b{
                        position: absolute;
                        left: 33px;
                    }
                    .icon2{
                        font-size: 15px; 
                        position: absolute;
                        left: 63px;
                        top:17px;
                        display: inline-block;
                        width: 0;
                        height: 0;
                        border-color: #bbb transparent transparent;
                        border-width: 6px 4px;
                        border-style: solid dashed dashed;
                        font-size: 0;
                        line-height: 0;
                        overflow: hidden;
                    }
                }
            }
            .assist-open{
                position: relative;
                padding-left: 5px;
                cursor: pointer;
                &:hover{
                    border: none;
                    border-bottom:none;
                    background: #f5f5f5;
                    padding-left:5px;
                    line-height: 35px;
                    color: #f60;
                }
                P{
                    height: 35px;
                    line-height: 35px;
                    background: #f5f5f5;
                }
                    
            }

        }
    }
}
 
.top-left li.active{
    background-color: #fff;
}
.top-left li.active i::before{
    transform: rotate(180deg);
}